/* 加载中样式 */
uni-toast {
	.uni-mask {
		background: rgba(#fff, .9) !important;
	}

	.uni-toast {
		background: transparent !important;
		
		.uni-toast__content {
			color: $text-color-grey;
		}
	}
}

/* 滚动条样式 */
::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 8px;
}

::-webkit-scrollbar-thumb {
	cursor: pointer;
	background: rgba(0, 0, 0, 0.25);
	transition: color 0.2s ease;
}
.ellipis-text-2 {
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


.ellipis-text-1 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;

}

.center-text {
	text-align: center
}

.padding {
	padding: 20rpx;
}

.padding-large {
	padding: 80rpx;
}

.marginTop2 {
	margin-top: 80rpx;
}

.marginTop3 {
	margin-top: 140rpx;
}

.underline-input {
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 10px 20px;
}

.marginRight {
	margin-right: 20rpx;
}

.marginBottom {
	margin-bottom: 20rpx;
}

.marginBottom2 {
	margin-top: 80rpx;
}

.marginTop {
	margin-top: 20rpx;
}

.bigMarginTop {
	margin-top: 50rpx;
}

.width100 {
	width: 100%;
}

.line-no {
	display: flex;
	flex-direction: row;
	overflow: hidden;
}

.line-no-1 {
	display: flex;
	flex-direction: row;
	overflow: visible;
}


.line {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.lineStart {
	display: flex;
	flex-direction: row;
	/* justify-content: center; */
	align-items: center;
}

.flex-line-center-in-line {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.lineGray {
	border: 0px;
	border-bottom: 1px solid #D8D8D8;
}

.line-black {
	border: 0px;
	border-bottom: 1px solid #000000;
}

.column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.column-no {
	display: flex;
	flex-direction: column;

}

.marginLeft {
	margin-left: 20rpx;
}




.floatRight {
	float: right;
}

.height100 {

	height: 100%;
}

.bottom {
	display: flex;
	flex-direction: column-reverse;
}

.bigEmpty {
	flex-grow: 1;
	flex-wrap: 1;
}

.full {
	width: 100%;
	height: 100%;
}

.margin {
	margin: 20rpx;
}

.margin-left-3 {
	margin-left: 45rpx;
}

.btnBlue {
	height: 50.06rpx;
	border-radius: 100rpx;
	opacity: 1;
	background: #0033FF;
	color: white;
}

.whiteCircleBg {
	background-color: #FFFFFF;
	border-radius: 15rpx;
}

.textOrange {
	color: #AE8265;
}

.textSilver {
	color: #7B91A5;
}

.textGold {
	color: #C07F48;
}

.textWhite {
	color: #ffffff;
}


.headermy {
	height: 50rpx;
}

.icon_back {
	max-height: 40rpx;
	max-width: 40rpx;
}

.icon-normal {
	max-height: 40rpx;
	max-width: 40rpx;
}



.icon-mid-0 {
	max-height: 72rpx;
	max-width: 72rpx;
}



.icon-mid {
	max-height: 112rpx;
	max-width: 112rpx;
}




.icon-large {
	max-height: 100rpx;
	max-width: 100rpx;
}


.icon-small {
	max-height: 30rpx;
	max-width: 30rpx;
}

.image-small {
	border-radius: 15rpx;
	max-width: 100rpx;
	max-height: 100rpx;
}

.image-head {
	border-radius: 106rpx;
	width: 106rpx;
	height: 106rpx;
}



.image-width-100 {
	width: 100%;
	border-radius: 15rpx;
}

.image-width-100-top-circle {
	width: 100%;
	border-radius: 15rpx 15rpx 0 0;
}

.margin-top-0 {
	margin-top: 5rpx;
}

.margin-left-0 {
	margin-left: 5rpx;
}

.margin-right-0 {
	margin-right: 5rpx;
}

.imageHead {
	border-radius: 75rpx;
	width: 75rpx;
	height: 75rpx;
}

.itemCircle {
	border-radius: 20rpx;
	box-sizing: border-box;
}

.bold {
	font-weight: bold;
}

.image-nomal {
	border-radius: 15rpx;
	width: 200rpx;
	height: 200rpx;
}

.margin-left-right {
	margin-left: 20px;
	margin-right: 20px;
}

.image-head-small {
	border-radius: 45rpx;
	width: 45rpx;
	height: 45rpx;
}

.image-head-mid {
	border-radius: 60rpx;
	width: 60rpx;
	height: 60rpx;
}

.imageWorks {
	height: 28vw;
	width: 28vw;
	border-radius: 14px;
}

.bgWhitecircleRect {
	background: #ffffff;
	border-radius: 15rpx;
}

.height100vh {
	min-height: 100vh;
}

.bg-gray {
	background: #f0f0f0;
}

.bgWhite {
	background: #ffffff;
}

.bg-mid-gray-circle {
	background-color: #f0f0f0;
	border-radius: 40rpx;
	height: 40rpx;
}


.bg-more {
	border-radius: 15rpx;
	background: linear-gradient(90deg, #0033FF 0%, rgba(0, 51, 255, 0.98) 0%, rgba(110, 24, 255, 0.99) 43%, #D000FF 83%) !important;
}

.bg-more-color-round-rect {
	border-radius: 100rpx;
	background: linear-gradient(90deg, #0033FF 0%, rgba(0, 51, 255, 0.98) 0%, rgba(110, 24, 255, 0.99) 43%, #D000FF 83%) !important;
}


.bgMoreColor {
	color: #ffffff !important;
	background: linear-gradient(90deg, #0033FF 0%, rgba(0, 51, 255, 0.98) 0%, rgba(110, 24, 255, 0.99) 43%, #D000FF 83%) !important;
}

.line-gray-large {
	border-bottom: 4rpx solid #D8D8D8;
}

.line-blue-large {
	border-bottom: 4rpx solid #0033FF;
}

.paddingSmall {
	padding: 15rpx;
}


.bg-input-line-small {
	height: 64rpx;
	border-radius: 64rpx;
	background: #FFFFFF;
	box-sizing: border-box;
	border: 1px solid #C4BFBF;
}

.bg-input-line {
	height: 120rpx;
	border-radius: 120rpx;
	background: #FFFFFF;
	box-sizing: border-box;
	border: 1px solid #C4BFBF;
}

.bg-gray-line-gray {
	background-color: #f0f0f0;
	border: 4rpx solid #c4bfbf;
}

.bg-gray-line-blue {
	background-color: #f0f0f0;
	border: 4rpx solid #0033FF !important;
}

.button-round {
	height: 80rpx;
	border-radius: 80rpx;
}


.bg-gray-circle-rect {
	border-radius: 24rpx;
	background-color: #F0F0F0;
}

.bg-black-round-rect {
	border-radius: 40rpx;
	background-color: #000000;
}

.bg-black-circle-rect {
	border-radius: 15rpx;
	background-color: #000000;
}

.bg-black-circle-rect-transpart {
	border-radius: 15rpx;
	background-color: rgba(0, 0, 0, 0.3);

}

.bg-black-circle-rect-transpart-1 {
	border-radius: 50rpx;
	background-color: rgba(0, 0, 0, 0.3);

}


.column-start {
	display: flex;
	flex-direction: column;
}

.padding-small-3 {
	padding: 10rpx 20rpx 10rpx 20rpx;
}




.bottom-fix {

	position: fixed;
	bottom: 15rpx;
}

.bottom-fix-1 {

	position: fixed;
	bottom: 0rpx;
}

.item-box {
	width: 0;
}

.dialogBg {
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.3);
}

.round {
	border-radius: 15rpx;
}

.box-line-circle {
	box-sizing: border-box;
	border: 1rpx solid #c4bfbf;
	border-radius: 40rpx;
}

/* start 对话框 */



.dialog-normal {
	width: 80%;
	background-color: #ffffff;
	border-radius: 15rpx;
}



.dialog {
	width: 80%;
}



.centerGroup {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.canle {
	width: 136.87px;
	height: 40.32px;
	border-radius: 100px;
	opacity: 1;
	background: #D8D8D8;
}

.ok {
	width: 136.87px;
	height: 40.32px;
	border-radius: 100px;
	opacity: 1;
	background: #0033FF
}

.itemGroup {
	border-radius: 15px;
	background-color: #ffffff;
}

.dialog-bottom-full-width {
	position: fixed;
	width: 100%;
	border-radius: 15px 15px 0 0;
	bottom: 0;
	background-color: white;
}

/* end 对话框 */

.inputContent {
	padding: 20rpx;
	border-radius: 14rpx;
	opacity: 1;
	background: #F0F0F0;
	box-sizing: border-box;
	border: 1px solid #C4BFBF
}


.personAvator {
	
	border-radius: 200px 200px 200px 200px;
	z-index: 100;
	position: absolute;
	width: 100%;
	margin: -50px 0px 0px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.personAvator1 {
	border-radius: 200px 200px 200px 200px;
	background-color: white;

	width: 100px;
	height: 100px;
}

.inputContent1 {
	border-radius: 14rpx;
	opacity: 1;
	background: #F0F0F0;
	box-sizing: border-box;
	border: 1px solid #C4BFBF
}

.box-image {
	width: 100%;
	max-width: 100%;
}

.box-bottom {

	width: 100%;
	margin-top: -100rpx;
	z-index: 8;
	height: 100rpx;
}

.imageWorks1 {
	width: 100%;
}

.wh100 {
	width: 100%;
	height: 100%;
}

.btn-blue-normal {
	width: 100%;
	height: 100rpx;
	border-radius: 100rpx;
	background: #0033FF;
}

.btnBlue {
	width: 144rpx;
	height: 54rpx;
	border-radius: 54rpx;
	background: #0033FF;
}

.btnGray {
	/* 矩形 5 */
	border-radius: 50px;
	background: #E4E4E4;
}

.button-blue {
	border-radius: 50rpx;
	background: #0033FF;
}

.btn-v30 {
	min-width: 25%;
}


.textTab {
	font-size: 33rpx;
	color: #666666;

}

.textTab {
	font-size: 32rpx;
	color: #666666;
}

.textTab1 {
	font-weight: bold;
	font-size: 32rpx;
	color: #000000 !important;
}

.textblack20 {
	font-size: 40rpx;
	color: #000000;
}

.text-light-black-10 {
	font-size: 20rpx;
	color: #3d3d3d;
}

.text-light-black-16 {
	font-size: 32rpx;
	color: #3d3d3d;
}

.text-light-black-14 {
	font-size: 28rpx;
	color: #3d3d3d;
}

.text-light-black-12 {
	font-size: 24rpx;
	color: #3d3d3d;
}

.text-light-black-18 {
	font-size: 36rpx;
	color: #3d3d3d;
}

.text-light-black-24 {
	font-size: 48rpx;
	color: #3d3d3d;
}

.text-light-2-black-16 {
	font-size: 32rpx;
	color: #666666;
}

.text-light-2-black-12 {
	font-size: 24rpx;
	color: #666666;
}


.textwhite18 {
	font-size: 36rpx;
	color: #FFFFFF;
}

.textLightBlack16 {
	font-size: 32rpx;
	color: #666666;
}

.textwhite16 {
	font-size: 32rpx;
	color: #FFFFFF;
}

.textwhite14 {
	font-size: 28rpx;
	color: #FFFFFF;
}

.textwhite10 {
	font-size: 20rpx;
	color: #FFFFFF;
}

.textwhite8 {
	font-size: 16rpx;
	color: #FFFFFF;
}

.textBlue28 {
	font-size: 56rpx;
	color: #33A8FF;
}

.textBlack18 {
	font-size: 36rpx;
	color: #000000;
}

.textblack14 {
	font-size: 28rpx;
	color: #000000;
}

.textblack24 {
	font-size: 48rpx;
	color: #000000;
}

.content-100h {
	min-height: 100vh;
}


.textblack8 {
	font-size: 16rpx;
	color: #000000;
}

.textblue14 {
	font-size: 28rpx;
	color: #0026BC;
}

.text-gray-14 {
	font-size: 28rpx;
	color: #6c6f7d;
}

.textgray14 {
	font-size: 28rpx;
	color: #3D3D3D;
}

.text14 {
	font-size: 28rpx;
}

.text18 {
	font-size: 36rpx;
}


.search {
	width: 280rpx;
	height: 54rpx;
	border-radius: 50px;
	background: #FFFFFF;
	box-sizing: border-box;
	border: 1px solid #C4BFBF;
}

.sizeItemName {
	width: 57%;
	height: 50rpx;
}

.sizeHeigh25 {
	height: 50rpx;
}


.icon-normal-round {
	width: 100rpx;
	height: 100rpx;
	border-radius: 100rpx;
}

.pbsafe {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.page-footer-box {
	padding: 20rpx;
	box-sizing: border-box;
}

.page-root {
	height: 100%;
}

.page-box {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.flex-1 {
	flex: 1;
	min-height: 0;
}

.bg-w {
	background-color: #fff;
}

.over-scroll {
	overflow: scroll;
}
